﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>传智播客1024程序员节-节日狂欢盛宴</title>
    	<meta content="1024,1024程序员节,1024程序员节活动福利,程序员节" name="keywords" />
    	<meta content="传智播客1024程序节为全国程序员职场助力，每日抽奖，福利连连，更有IT培训课程千元优惠券和超级大礼包等你拿，更多1024程序员活动福利请关注传智播客。" name="description" />
		<link rel="shortcut icon" href="./favicon.ico">
		<link rel="stylesheet" type="text/css" href="static/css/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/zx.css"/>
		<script src="static/js/jquery.js"></script>
		<script src="static/js/jquery.superslide.2.1.1.js"></script>
		<script src="static/js/wow.min.js"></script>
		<script type='text/javascript' src='static/js/7moorinit.js' async='async'>
</script>
		<script type="text/javascript">
		// borwserRedirect
		(function browserRedirect(){
			var param = window.location.search;
			var sUserAgent = navigator.userAgent.toLowerCase();
			var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
			var bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';
			var bIsMidp = sUserAgent.match(/midp/i) == 'midp';
			var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';
			var bIsUc = sUserAgent.match(/ucweb/i) == 'web';
			var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';
			var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';
			var bIsAndroid = sUserAgent.match(/android/i) == 'android';

			if(bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){
				window.location.href = 'http://h5.itcast.cn/subject/yles2019/'+param;
			}
		})();
	</script>
	</head>
	<body>
		<!--ban开始-->
		<div class="ban">
			<div class="box_In">
				<div class="top">
					<a href="http://www.itcast.cn" id=""  class="logo_a" target="_blank">  
						<img class="logo" src="static/picture/logo.png"/>
					</a>					
					<img class="img1" src="static/picture/ban_img1.png"/>
					<img class="img2" src="static/picture/ban_img2.gif"/>
					<img class="img3" src="static/picture/ban_img3.png"/>
				</div>				
				<div class="btm">
					<p>活动时间：10.10-10.24</p>
					<span></span>
				</div>
			</div>
		</div>
		<!--box1开始-->
		<div class="box1">
			<div class="box_In">
				<img class="img1" src="static/picture/box1_img1.png"/>
				<ul>
					<li class="li1">
						<h3>2015年</h3>
						<p>传智播客倡议成立1024程序员节，微博引发10万+用户密切关注</p>
					</li>
					<li style="width: 180px;">
						<h3>2016年</h3>
						<p>传智播客发起“快闪寻人”热点事件，得到上万名程序员积极响应</p>
					</li>
					<li style="width: 237px;">
						<h3>2017年</h3>
						<p>传智播客在全国19个城市发起撕标签、公益骑行活动，号召大众关爱程序员健康问题，引发更广泛的关注。</p>
					</li>
					<li style="width: 230px;">
						<h3>2018年</h3>
						<p>传智播客联合40+企业发起为程序员送祝福活动，得到近百万用户的积极参与</p>
					</li>
					<li class="last">
						<h3>2019年</h3>
						<p>正在进行</p>
					</li>
				</ul>
			</div>
		</div>
		<!--box2开始-->
		<div class="box2">
			<div class="box_In">
				<div class="video_box">
					<!--<video width="100%" controls="controls" src="http://v.itheima.com/dd/huodong/1024/20181024.mp4">
		                <source src="http://v.itheima.com/dd/huodong/1024/20181024.mp4" type="video/mp4" />
		                <object data="http://v.itheima.com/dd/huodong/1024/20181024.mp4">
		                	<embed src="http://v.itheima.com/dd/huodong/1024/20181024.mp4" />
		                </object>
		       		</video>-->
		       		<img src="static/picture/video_img.png"/>
				</div>
				<img class="szf_btn" src="static/picture/img_btn.jpg"/>
				<img class="box2_img1" src="static/picture/box2_img1.png"/>
			</div>
		</div>
		<div class="box_tab">
			<div class="tab_top">
				<div class="box_In">
					<div class="top_box">
						<a href="#box3" id="">
							<div class="top on top1">每日抽奖</div>
						</a>
						<a href="#xxhd" id="">
							<div class="top top7">线下活动</div>
						</a>
						<a href="#box4" id="">
							<div class="top top2">IT面授就业班</div>
						</a>
						<a href="#box5" id="">
							<div class="top top3">IT在线学习</div>
						</a>								
						<a href="#box6" id="">
							<div class="top top4">大学生福利</div>
						</a>						
						<a href="#box7" id="">
							<div class="top top5">IT精英提升</div>
						</a>						
						<a href="#box8" id="">
							<div class="top last top6">在线少儿编程</div>
						</a>
						
					</div>
				</div>
			</div>
			<div class="tab_btm">
				<div class="box3" id="box3">
					<div class="box_In">
						<div class="box_hd">
							<h2><img class="icon1" src="static/picture/hd_icon1.png"/>每天抽奖 大量好礼等你赢
								<img class="icon2" src="static/picture/hd_icon2.png"/></h2>
						</div>
						<div class="main clear">
							<div class="fl">
								<div class="fl_mask"></div>
								<div id="shutter2" class="shutter">
									<ul>
										<li><a href="javascript:;" target="_blank"><img src="static/picture/box3_a1.png"/></a></li>
										<li><a href="javascript:;" target="_blank"><img src="static/picture/box3_a2.png"/></a></li>
										<li><a href="javascript:;" target="_blank"><img src="static/picture/box3_a3.png"/></a></li>	
										<!--<li><a href="javascript:;" target="_blank"><img src="static/picture/box3_a2.png"/></a></li>		-->																	
										
									</ul>
								</div>
							</div>
							<div class="fr">
								<p>节日橙子<span>1000+</span><br /> 实物豪礼<span>2000+</span><br /> 学习好券<span>10000+</span><br /> 扫码即可免费参与抽奖</p>
								<img class="img2" src="static/picture/box3_img2.png"/>
								<img src="static/picture/box3_ewm.jpg"/>
								<p class="p1">微信扫码 <br />即可参与抽奖活动</p>
							</div>
						</div>
					</div>					
				</div>
				
				<div class="xxhd" id="xxhd" > 	
					<div class="box_In">
						<div class="box_hd">
							<h2><img class="icon1" src="static/picture/hd_icon3.png"/>6大分会场钜惠来袭 总有一款适合你<img class="icon2" src="static/picture/hd_icon4.png"/></h2>
						</div>
						<div class="main">
							<img src="static/picture/xxhd_bg.png"/>
							<div class="con">
								<h3>超酷线下无bug网红市集</h3>
								<img class="xxhdimg1" src="static/picture/xxhd_img1.png"/>
								<p>
									<span>活动时间：</span>2019年10月23/24日  9:00-17:30 <br />
									<span>活动地点：</span>北京市海淀区中关村软件园国际会议中心（后厂村）
								</p>
							</div>
						</div>
						
					</div>
				</div>
				<div class="box4"  id="box4">
					<div class="box_In">						
						<div class="box4_bg2">
						<h3>黑马程序员——线下面授优惠专场</h3>	
						
						<div class="main clear">
							
							<div class="fl">
								<img src="static/picture/box4_logo.jpg"/>
							</div>
							<div class="fr">
								<div class="top">
									<img src="static/picture/box4_img1.png"/>
									<p>1. 零基础零经验想要从业IT领域的人群；<br />2. 零基础从其他行业想要转型IT互联网领域人群；<br />3. 刚刚进入IT领域，想短时间提升自己工作技能的人群。</p>
								</div>
								<div class="btm">报名线下面授班，与名师面对面，短时间高效率晋级IT核心人才！</div>
							</div>
						</div>
						<div class="con">
							<div class="play_video"></div>
							<div class="box_btn">								
								<a href="http://h5.itcast.cn/subject/ylesms/?hmpc" target="_blank">
									<div class="div1">
										<p>进入专场参加活动 ></p>
										<div class="div2"></div>
									</div>
								</a>
								<span>活动时间：10.10-10.23</span>
							</div>
						</div>
						</div>
					</div>
				</div>
				<div class="box5"  id="box5" style="padding-top:80px;">
					<div class="box_In">
						<img class="bg1" src="static/picture/bg_img1.png"/>
						<!--<img class="bg2" src="static/picture/bg_img2.png"/>
						<img class="bg3" src="static/picture/bg_img3.png"/>-->
						<div class="main">
							<img src="static/picture/box5_img1.png"/>
							<h3>博学谷——IT在线学习优惠专场</h3>
							<div class="con">
								<div class="fl">
									<img src="static/picture/box5_logo.jpg"/>
								</div>
								<div class="fr">
									<div class="top">
										<img src="static/picture/box4_img1.png"/>
										<p>1. 零基础想在线学习IT系统就业班课程人群；<br />2. 想要在线实现IT技能提升或职业生涯规划人群。</p>
									</div>
									<div class="btm">报名线上学习班，3对1保姆式督导，高品质IT课程随时随地就能学！</div>
								</div>
							</div>
							<div class="box_btn">								
								<a href="https://www.boxuegu.com/subject/activity-08.html?utm_source=bxgpc" target="_blank">
									<div class="div1">
										<p>进入专场参加活动 ></p>
										<div class="div2"></div>
									</div>
								</a>
								<span>活动时间：10.10-10.24</span>
							</div>
						</div>						
					</div>
				</div>
				
				<div class="box5 box6"  id="box6">
					<div class="box_In">						
						<img class="bg2" src="static/picture/bg_img2.jpg"/>
						<img class="bg3" src="static/picture/bg_img3.jpg"/>
						<div class="main">
							<h3>院校邦——大学生福利专场</h3>
							<img src="static/picture/box6_img1.jpg"/>
							<div class="con">
								<div class="fl">
									<img src="static/picture/box6_logo.jpg"/>
								</div>
								<div class="fr">
									<div class="top">
										<img src="static/picture/box4_img1.png"/>
										<p>适合在校/即将/刚毕业的零经验大学生人群，想短时间提升自我，<br />
成功就业IT热门领域。</p>
									</div>
									<div class="btm">参加大学生就业系统培训，助力培养优质的大学生应用型人才，助力高薪就业。</div>
								</div>
							</div>
							<div class="box_btn">								
								<a href="http://www.ityxb.com/subject/index.html?yxbpc" target="_blank">
									<div class="div1">
										<p>进入专场参加活动 ></p>
										<div class="div2"></div>
									</div>
								</a>
								<span style="color: #cf000d;font-size: 16px;display: block;margin-top:15px;">*在校学员及老学员不在活动范围</span>
								<span style="margin-top: 6px;">活动时间：10.10-10.24</span>
							</div>
						</div>						
					</div>
				</div>
				
				<div class="box5 box7"  id="box7">
					<div class="box_In">						
						<div class="main">
							<img src="static/picture/box7_img1.jpg"/>
							<h3>传智汇——IT人脉圈-精英提升专场</h3>
							<div class="con">
								<div class="fl">
									<img src="static/picture/box7_logo.jpg"/>
								</div>
								<div class="fr">
									<div class="top">
										<img src="static/picture/box4_img1.png"/>
										<p style="margin-top: 30px;">适合IT从业精英人士</p>
									</div>
									<div class="btm">参加高端技术私享会，以此开拓眼界，结识人脉，提升技术。</div>
								</div>
							</div>
							<div class="box_btn">								
								<a href="http://www.itczh.com/1024Active?czhpc" target="_blank">
									<div class="div1">
										<p>进入专场参加活动 ></p>
										<div class="div2"></div>
									</div>
								</a>
								<span>活动时间：10.10-10.24</span>
							</div>
						</div>						
					</div>
				</div>				
				<div class="box5 box8"  id="box8">
					<div class="box_In">
						<img class="bg4" src="static/picture/bg_img4.jpg"/>
						<img class="bg5" src="static/picture/bg_img5.jpg"/>
						<div class="main">
							<h3>酷丁鱼—— 在线少儿编程专场</h3>
							<img src="static/picture/box8_img1.jpg"/>
							<div class="con">
								<div class="fl">
									<img src="static/picture/box8_logo.jpg"/>
								</div>
								<div class="fr">
									<div class="top">
										<img src="static/picture/box4_img1.png"/>
										<p style="margin-top: 30px;">适合7-12岁儿童</p>
									</div>
									<div class="p1">参加酷丁鱼在线少儿编程，帮助孩子提升逻辑思维能力、<br />
创新力、抗挫折能力等。</div>
								</div>
							</div>
							<div class="lb_box">
								<h2>在线双元课程+精致动画</h2>
								<div id="slideBox" class="slideBox">
									<div class="hd">
										<ul><li></li><li></li><li></li></ul>
									</div>
									<div class="bd">
										<ul>
											<li>
												<img src="static/picture/box8_a1.gif"/>
												<p>不受时间、空间限制，在家学习免去接送困扰<br />
家长更省时，孩子更省力</p>
											</li>
											<li>
												<img src="static/picture/box8_a2.gif"/>
												<p>激发孩子的学习兴趣<br />
以更有趣的方式提升学习能力</p>
											</li>
											<li>
												<img src="static/picture/box8_a3.gif"/>
												<p>微信内接收消息：上课提醒、作品提交、老师评分<br />
实时反馈学习情况，学习成果可视化</p>
											</li>
										</ul>
									</div>									
								</div>
							</div>
							
						</div>	
						<img class="box8_img2" src="static/picture/box8_img2.jpg"/>
					</div>
				</div>
				<div class="box9">
					<div class="box_In">
						<img class="img1" src="static/picture/box9_img1.jpg"/>
						<img src="static/picture/box9_img2.jpg"/>
					</div>
				</div>
			</div>
		</div>
		<!--视频弹层-->
		<div class="play_mask">			
			<div class="play_videobox">
				<img class="video_close" src="static/picture/video_close.png"/>
				<video width="100%" controls="controls" src="http://v.itheima.com/1024/1024dzlw.mp4 ">
	                <source src="http://v.itheima.com/1024/1024dzlw.mp4 " type="video/mp4" />
	                <object data="http://v.itheima.com/1024/1024dzlw.mp4 ">
	                	<embed src="http://v.itheima.com/1024/1024dzlw.mp4 " />
	                </object>
	       		</video>
			</div>						
		</div>
		<!--送祝福弹层-->
		<div class="szf_mask">
			<div class="box_In">
				<div class="main">	
					<div class="con">
						<img class="img_show" src="static/picture/szf_img1.png"/>					
						<h2 id="szf_h2"></h2>
						<p>你是第
							<span class="num ">
							<script src="static/js/d715af20d7564229b385c0df7f5879c2.js"></script>
							</span>	<span>个</span>送祝福的人</p>
					</div>
					<img class="szf_close" src="static/picture/szf_close.png"/>
				</div>
			</div>
		</div>
		<div class="box_footer">
			江苏传智播客教育科技股份有限公司 版权所有Copyright 2006-2019  All Rights Reserved<a href="http://www.beian.miit.gov.cn" rel="nofollow" target="_blank"> 苏ICP备16007882号-11</a>
			<p style="display: none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1278087567'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/stat.php%3Fid%3D1278087567' type='text/javascript'%3E%3C/script%3E"));</script></p>
		</div>
		<!--咨询-->
		<div class="zx">
		<ul>
			<li class="li_1">
				<a href="javascript:;" class="itcast_click">
					<i id="qimo_badge"></i>
					<span class="icon_s">&nbsp;</span>
					<p>在线咨询</p>
				</a>
			</li>
			<li class="li_7">
				<a href="javascript:;" class="itcast_click">
					<span class="icon_s">&nbsp;</span>
					<p>免费试听</p>	
				</a>						
			</li>
			<li class="li_8">
				<a href="javascript:;" class="itcast_click">
					<span class="icon_s">&nbsp;</span>
					<p>申请优惠</p>	
				</a>						
			</li>
			<li class="li_4">
				<a href="http://www.itcast.cn/channel/flow.shtml" target="_blank">
					<span class="icon_s">&nbsp;</span>
					<p>立即报名</p>	
				</a>						
			</li>
			<li class="li_6" id="back">
				<a href="javascript:void(0);">
					<span class="icon_s">&nbsp;</span>
					<p>返回顶部</p>	
				</a>
			</li>				
		</ul>
	</div>
	</body>
	<script src="static/js/lunbo.js"></script>
	<script>
		jQuery(".slideBox").slide({mainCell:".bd ul",effect:"leftLoop",autoPlay:true});
		$(function(){						
			//  tab栏切换	 			   				
		        $(window).scroll(function(){
		        	$(".top_box .top").click(function(){
						$(this).addClass("on").parent().siblings().children().removeClass("on")
					})
		        var S_top=$(window).scrollTop();	      		
	      		var box3H=$(".box3").offset().top;
	      		var box4H=$(".box4").offset().top; 
	      		var box5H=$(".box5").offset().top; 
	      		var box6H=$(".box6").offset().top; 
	      		var box7H=$(".box7").offset().top; 
	      		var box8H=$(".box8").offset().top;
	      		var box9H=$(".xxhd").offset().top;
	      		if(S_top>=box3H){                 						$(".top1").addClass("on").parent().siblings().children().removeClass("on")						
                 }
	      		if(S_top>=box9H-180){                 						$(".top7").addClass("on").parent().siblings().children().removeClass("on")
                 }
		        if(S_top>=box4H-180){                 						$(".top2").addClass("on").parent().siblings().children().removeClass("on")
                 }
		        if(S_top>=box5H-180){                 						$(".top3").addClass("on").parent().siblings().children().removeClass("on")
                 }
		        if(S_top>=box6H-180){                 						$(".top4").addClass("on").parent().siblings().children().removeClass("on")
                 }
		        if(S_top>=box7H-180){                 						$(".top5").addClass("on").parent().siblings().children().removeClass("on")
                 }
		        if(S_top>=box8H-180){                 						$(".top6").addClass("on").parent().siblings().children().removeClass("on")
                 }
		        	
	        	var box3H= $(".box3").offset().top;  
		    	var box9H= $(".box9").offset().top; 
	         	var bodyH=$(window).scrollTop(); 
	         	if(bodyH>box3H-65){
	         		$(".tab_top").addClass("fix");        		
	         	}else{
	         		$(".tab_top").removeClass("fix");
	         	}
	        }) 	        
	//	        点击弹出视频
	         $(".play_video").click(function(){
	         	$(".play_mask").show();
	         	 $('.play_mask video').trigger('play');
	  
	         })
	         $(".video_close").click(function(){
	         	$(".play_mask").hide();
	         	$('.play_mask video').trigger('pause')
	         })
		})
		// 点击送祝福		
	    var timer1=null;
	    var timer2=null;
	    var timer3=null;
        $(".szf_btn").click(function(){
        		//		ajax请求		
				var num=$(".num").text();				
				var num1 =parseInt(num)+1;
				$(".num").text(num1);

				$.ajax({
					type:"get",
					url:"http://h5.itcast.cn/pp/zhufuAjax",
					async:true
				});						
        		$(".szf_mask").fadeIn(100);
	        	$(".szf_mask .main .con").removeClass("ma_hide");
        		clearInterval(timer1)
        		clearInterval(timer2)
        		clearInterval(timer3)
        		var arr=["心想事成无BUG","事业有成薪资高","钱程似锦无限好","码到成功","程双成对","程薪如意"];
        		var randIndex = Math.floor(Math.random()*arr.length);
			 	var str =arr[randIndex];
			    var s1 = 0;
	     //打字效果     	 
	    	  	function typing(){
			        var divTyping = document.getElementById('szf_h2');
			        if (s1 <= str.length) {
			             divTyping.innerHTML = str.slice(0, s1++) + '|';
			          
			        }
			        else{
			             divTyping.innerHTML = str+ '&nbsp;';//结束打字,移除 _ 光标
			        }
			    }	       
	    	   timer1=setInterval(function(){   	   
					typing();  				
		        },250)
	    	   timer2=setInterval(function(){	    	   		
					$(".szf_mask p").fadeIn(500);
					$(".szf_close").fadeIn(200);
		        },1000)	    	   
        })      
	    
//		 点击关闭按钮    
		$(".szf_close").click(function(){
			var divTyping = document.getElementById('szf_h2');
			clearInterval(timer1)
        	clearInterval(timer2)
			clearInterval(timer3)
			$(".szf_mask .main .con").addClass("ma_hide");
			timer3=setInterval(function(){
				$(".szf_mask").fadeOut()
			},400)
			$(".szf_mask p").fadeOut(600);
			$(".szf_close").fadeOut(400);
			divTyping.innerHTML = " ";
		})
		
	</script>
	<script type="text/javascript">
	(function(){
		$("body").on("click",".itcast_click",function(){
			qimosdk.hideChatBox();
			setTimeout(function(){
				qimoChatClick();
			},500);
		});				
		$(".zx li").mouseenter(function(){
		$(this).children("div").show();
	})
	$(".zx li").mouseleave(function(){
		$(this).children("div").stop().hide();
	})	
	$(window).scroll(function(){
		var A = $(window).scrollTop();
	
		if(A > 400){
			$("#back").css("visibility","visible");
		}else{
			$("#back").css("visibility","hidden");
		}
	});
	$("#back").click(function(){
		$("html,body").animate(
			{
				"scrollTop":0
			},500
		);	
	})
		
	})()
</script>		
	<script>
		var Hongru={};
		function H$(id){return document.getElementById(id)}
		function H$$(c,p){return p.getElementsByTagName(c)}
		Hongru.shutter = function(){
		function init(anchor,options){this.anchor=anchor; this.init(options);}
		init.prototype = {
		init:function(options){ //options参数：id（必选）：图片列表父标签id；auto（可选）：自动运行时间；index（可选）：开始的运行的图片序号
			var wp = H$(options.id), // 获取图片列表父元素
			ul = H$$('ul',wp)[0], // 获取
			li = this.li = H$$('li',ul);
			this.a = options.auto?options.auto:4; //自动运行间隔
			this.index = options.position?options.position:0; //开始运行的图片序号（从0开始）
			this.l = li.length;
			this.cur = 0; //当前显示的图片序号&&z-index变量
			this.stN = options.shutterNum?options.shutterNum:5;
			this.dir = options.shutterDir?options.shutterDir:'H';
			this.W = wp.offsetWidth;
			this.H = wp.offsetHeight;
			this.aw = 0;
			this.mask = [];
			this.nav = [];
			ul.style.display = 'none';
			var container = this.container = document.createElement('div'),
				con_a = this._a = document.createElement('a');
			con_a.target = '_blank';
			container.style.cssText = con_a.style.cssText = 'position:absolute;width:'+this.W+'px;height:'+this.H+'px;left:0;top:0';
			container.appendChild(con_a);
			for (var x=0; x<this.stN; x++) {
				var mask = document.createElement('span');
				mask.style.cssText = this.dir == 'H'?'position:absolute;width:'+this.W/this.stN+'px;height:'+this.H+'px;left:'+x*this.W/this.stN+'px;top:0' : 'position:absolute;width:'+this.W+'px;height:'+this.H/this.stN+'px;left:0px;top:'+x*this.H/this.stN+'px';
				this.mask.push(mask);
				con_a.appendChild(mask);
			}
			wp.appendChild(container);
			this.nav_wp = document.createElement('div'); //先建一个div作为控制器父标签，你也可以用<ul>或<ol>来做，语义可能会更好，这里我就不改了
			this.nav_wp.style.cssText = 'position:absolute;right:0;bottom:0;padding:8px 0;'; //为它设置样式
			for(var i=0;i<this.l;i++){
				/* == 绘制控制器 == */
				var nav = document.createElement('a'); //这里我就直接用a标签来做控制器，考虑语义的话你也可以用li
				nav.className = options.navClass?options.navClass:'shutter-nav'; //控制器class，默认为'shutter-nav'
				this.nav.push[nav];
				nav.innerHTML = i+1;
				nav.onclick = new Function(this.anchor+'.pos('+i+')'); //绑定onclick事件，直接调用之前写好的pos()函数
				this.nav_wp.appendChild(nav);
			}
			wp.appendChild(this.nav_wp);
			this.curC = options.curNavClass?options.curNavClass:'shutter-cur-nav';
			this.pos(this.index); //变换函数
		},
		auto:function(){
			this.li.a = setInterval(new Function(this.anchor+'.move(1)'),this.a*1000); 
		},
		move:function(i){//参数i有两种选择，1和-1,1代表运行到下一张，-1代表运行到上一张
			var n = this.cur+i; 
			var m = i==1?n==this.l?0:n:n<0?this.l-1:n; //下一张或上一张的序号（注意三元选择符的运用）
			this.pos(m); //变换到上一张或下一张
		},
		pos:function(i){
			clearInterval(this.li.a);
			clearInterval(this.li[i].a);
			this.aw = this.dir == 'H'?this.H : this.W;
			var src = H$$('img',this.li[i])[0].src;
			var _n = i+1>=this.l?0:i+1;
			var src_n = H$$('img',this.li[_n])[0].src;
			this.container.style.backgroundImage = 'url('static/images/e62c592c195d47318f0f3bf45a2cb512.gif')';
			for(var n=0;n<this.stN;n++){
				this.mask[n].style.cssText = this.dir == 'H'?'position:absolute;width:'+this.W/this.stN+'px;height:'+this.H+'px;left:'+n*this.W/this.stN+'px;top:0' : 'position:absolute;width:'+this.W+'px;height:'+this.H/this.stN+'px;left:0px;top:'+n*this.H/this.stN+'px';
				this.mask[n].style.background = this.dir == 'H' ? 'url('+src+') no-repeat -'+n*this.W/this.stN+'px 0' : 'url('+src+') no-repeat 0 -'+n*this.H/this.stN+'px';
			}
			this.cur = i; //绑定当前显示图片的正确序号
			this.li.a = false;
			for(var x=0;x<this.l;x++){
				H$$('a',this.nav_wp)[x].className = x==i?this.curC:'shutter-nav'; //绑定当前控制器样式
				}
//			this._a.href = H$$('a',this.li[i])[0].href;
			//this.auto(); //自动运行
			this.li[i].a = setInterval(new Function(this.anchor+'.anim('+i+')'), 6*this.stN);
		},
		anim: function (i) {
			var tt = this.dir == 'H' ? Math.abs(parseInt(this.mask[this.stN-1].style.top)) : Math.abs(parseInt(this.mask[this.stN-1].style.left));
			if(this.aw-tt<=5){
				clearInterval(this.li[i].a);
				for(var n=0;n<this.stN;n++){
					var d = n%2 == 0 ? 1 : -1;
					this.dir == 'H' ? this.mask[n].style.top = this.aw*d + 'px' : this.mask[n].style.left = this.aw*d + 'px';
				}
				if(!this.li.a) {this.auto()}
			}else {
				for(var n=0;n<this.stN;n++){
					var d = n%2 == 0 ? 1 : -1;
					var ts = (this.aw-Math.ceil(Math.abs(this.aw-tt)*.75))*d;
					this.dir == 'H' ? this.mask[n].style.top = ts + 'px' : this.mask[n].style.left = ts +'px';
				}
			}
		}
	}
	return {init:init}
}();
		var shutterV = new Hongru.shutter.init('shutterV',{
				id:'shutter2',
				auto:2,
				shutterNum:6,
				shutterDir:'V',
				position:2
			});
	</script>
</html>
